@import '../../../style/base.styl';
@import '/animate.styl';
.container
	min-height 100vh
	box-sizing border-box
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	padding 100rpx 32rpx
	text-align center
	.content
		display flex
		font-size 68rpx
		align-items center
		justify-content center
		border-radius 50%
		&.flip
			animation flip 1s
			-webkit-animation flip 1s
		&.flipInX
			animation flipInX 1s
			-webkit-animation flipInX 1s
		&.flipInY
			animation flipInY 1s
			-webkit-animation flipInY 1s
		&.flipOutX
			animation flipOutX 1s
			-webkit-animation flipOutX 1s
		&.flipOutY
			animation flipOutY 1s
			-webkit-animation flipOutY 1s
		&.sustain-flip
			animation flip 1s infinite
			-webkit-animation flip 1s infinite
	.btn-box
		margin-top 180rpx
		display flex
		flex-wrap wrap
		.btn
			width 30%
			height 98rpx
			display flex
			align-items center
			font-size 34rpx
			color #fff
			border-radius 49rpx
			justify-content center
			background $shallowThemeColor
			margin-bottom 32rpx
		& > view:nth-child(3n-1)
			margin 0 5% 32rpx
